<style type="text/css">
.grid-view .filters input.hasDatepicker {width: auto;}
.grid-view table.items tr.filters td {color: white;}
.grid-view .filters .filter-date {display: block; width: 16px; text-indent: -1999px; background: url(<?php echo Yii::app()->theme->baseUrl;?>/images/ico-calendar-disable.gif) left center no-repeat; float: left; text-align: left;}
.grid-view .filters .filter-date.active {background: url(<?php echo Yii::app()->theme->baseUrl;?>/images/ico-calendar.gif) left center no-repeat;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: auto;}
a.lnk-view-user-deals img, a.lnk-view-user-promotions img { width: 16px; height: 16px; border: 0px; }
</style>

<?php
$this->widget('zii.widgets.grid.CGridView', array(
    'id' => 'user-grid',
    'dataProvider' => $model->search(),
    'filter' => $model,
    'selectableRows' => 2,
    'columns' => array(
        array(
            'header' => 'Tên truy cập',
            'name' => 'Username',
            'value' => '$data->Username',
            'htmlOptions'=>array('width'=>'5%'),
        ),
        array(
            'header' => 'E-mail đăng nhập',
            'name' => 'Email',
            'value' => '$data->Email',
            'htmlOptions'=>array('width'=>'5%'),
        ),
        array(
            'header' => 'Họ tên',
            'name' => 'Name',
            'value' => '$data->Name',
            'htmlOptions'=>array('width'=>'5%'),
        ),
        array(
            'header' => 'Ngày tham gia',
            'name' => 'dateCreated',
            'class'=>'application.modules.WCore.components.CDatePickerColumn',
            'value' => '$data->getDateWithFormat("CreatedDate")',
            'fromOptions' => array(
                'maxDate' => ''
            ),
            'toOptions' => array(
                'maxDate' => ''
            ),
            'htmlOptions'=>array('width'=>'3%'),
        ),
        array(
            'header' => 'Trạng thái',
            'name' => 'Status',
            'filter' => array('1'=>'Hoạt động','0'=>'Bị khóa'),
            'value' => '$data->getStatusText()',
            'htmlOptions'=>array('width'=>'5%'),
        ),
        array(
            'header' => 'Quyền hạn',
            'name' => 'roles',
            'filter' => User::model()->getRolesList(),
            'value' => '$data->getRolesText()',
            'htmlOptions'=>array('width'=>'5%'),
        ),
        array(
            'header' => 'Kích hoạt/Khóa',
            'type' => 'raw',
            'value' => '$data->getActivateOrBannedIcon()',
            'htmlOptions'=>array('width'=>'5%'),
        ),
        array(
            'class'=>'CButtonColumn',
            'headerHtmlOptions'=>array('width'=>'3%'),
            'htmlOptions'=>array('width'=>'3%','style'=>'text-align: center;'),
            'template'=>'{update} {view-deals} {view-promotions}',
            'buttons'=>array(
                'update'=>array(
                    'label'=>'Chỉnh sửa',
                    'url'=>'Yii::app()->createUrl("/User/admin/user/edit",array("id"=>$data->Id))',
                ),
                'view-deals'=>array(
                    'label'=>'Chỉnh sửa',
                    'url'=>'Yii::app()->createUrl("/deal/admin/deal/listByUser",array("user_id"=>$data->Id))',
                    'imageUrl'=>Yii::app()->request->getBaseUrl(true).'/images/search.png',
                    'options'=>array('class'=>'lnk-view-user-deals','title'=>'Xem các Groupon của thành viên này')
                ),
                'view-promotions'=>array(
                    'label'=>'Chỉnh sửa',
                    'url'=>'Yii::app()->createUrl("/deal/admin/promotion/listByUser",array("user_id"=>$data->Id))',
                    'imageUrl'=>Yii::app()->request->getBaseUrl(true).'/images/search.png',
                    'options'=>array('class'=>'lnk-view-user-promotions','title'=>'Xem các khuyến mãi của thành viên này')
                ),
            )
        ),    
    )
));
?>

<script type="text/javascript">
$('#user-grid table.items tbody tr td a.lnk-activate-or-ban-user').live('click',function(){
    var user_id = $(this).attr('id').replace('action-user-','');
    var messageConfirm = '';
    var type = '';
    
    if ($(this).hasClass('lnk-ban-user'))
    {
        messageConfirm = 'Bạn thực sự muốn Ban (khóa) tài khoản này ?';
        type = 'ban';    
    }
    else if ($(this).hasClass('lnk-activate-user'))
    {
        messageConfirm = 'Bạn muốn kích hoạt tài khoản này ?';
        type = 'activate';
    }
    else return false;
    
    if (!confirm(messageConfirm)) return false;
    $('#loading-overlay').show();
    $.ajax({
        'type' : 'POST',
        'async' : false,
        'url' : baseUrl + '/admin.php?r=User/admin/user/activateOrBanUser',
        'data' :
        {
            'user_id' : user_id,
            'type' : type
        },
        'success' : function(json) {
            var res = eval(json);
            if (res.success == '0')
                alert(res.message);
            else
            {
                if (type == 'activate')
                    alert('Tài khoản đã được kích hoạt !');
                else
                    alert('Tài khoản đã được khóa !');    
            }
            $.fn.yiiGridView.update('user-grid');
            $('#loading-overlay').hide();
        }
    });
    
    return false;    
});
</script>